<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="sp" uri="/web-simple-page"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<link rel="stylesheet" type="text/css" href="${ctxPath}/script/jquery/plugins/jquery-easyui-1.3.2/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="${ctxPath}/script/jquery/plugins/jquery-easyui-1.3.2/themes/icon.css">
	<script type="text/javascript" src="${ctxPath}/script/jquery/jquery-1.8.0.min.js"></script>
	<script type="text/javascript">
<!--
// $ = window.top.$;
//-->
</script>
	<script type="text/javascript" src="${ctxPath}/script/jquery/plugins/jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="${ctxPath}/script/common/extension/date-extension.js"></script>
	<script type="text/javascript" src="${ctxPath}/script/common/data-formater-util.js"></script>
	<script type="text/javascript" src="${ctxPath}/script/common/page-util.js"></script>
	<title>主页</title>
</head>
<script type="text/javascript">
<!--
$(function(){
	var queryFormH = $('.queryPanel').height() + 30;
	$('.easyui-layout').layout('panel','north').panel('resize',{height: queryFormH });
	$('.easyui-layout').layout('resize');
});
function fmt_sp_grid_CREATE_TIME(val, rowData){
    return FormaterUtils.fmt_date(val, 'yyyy-MM-dd hh:mm:ss');
  }

  function fmt_sp_grid_x(val, rowData){
    var str='    		<a href="/web/user/del.do?id=#USER_ID#&email=#EMAIL#">删除</a>    		<a href="/web/user/upd.do?id=#USER_ID#&email=#EMAIL#">修改</a>    	';
    for(var k in rowData){
      str = str.replace(new RegExp('#'+k+'#','gm'), rowData[k]);
    };
    return str;
  }
//-->
</script>
<style>
<!--
body{
	padding: 0;
	margin: 0;
}
.propTable{
	border-collapse: collapse;
	width: 100%;
/* 	height: 300px; */
}
.propTable th{
	text-align: right;
	background-color: #e0ecff;
	font-weight: normal; 
}
.propTable td{
	text-align: left;
}
.propTable th, .propTable td{
	border-collapse: collapse;
	border: 1px solid #95b8e7;
	
	border-left: 0px;
	border-right: 0px;
}
-->
</style>
<body>
    <div class="easyui-layout" data-options="collapsible:true" fit="true" style="">  
        <div data-options="region:'north',doSize:true" title='查询条件' style="">
        	<div class="queryPanel">
				<table class="propTable">
					<tr>
						<th>登录名：</th>
						<td><input name="LOGIN_NAME" type="text" value=""/></td>
						<th>用户名：</th>
						<td><input name="REAL_NAME" type="text" value=""/></td>
					</tr>
					<tr>
						<th>密码：</th>
						<td><input name="PASSWORD" type="text" value=""/></td>
						<th>邮箱：</th>
						<td><input name="EMAIL" type="text"/></td>
					</tr>
					<tr>
						<th>登录名：</th>
						<td><input name="LOGIN_NAME" type="text" value=""/></td>
						<th>用户名：</th>
						<td><input name="REAL_NAME" type="text" value=""/></td>
					</tr>
					<tr>
						<th>密码：</th>
						<td><input name="PASSWORD" type="text" value=""/></td>
						<th>邮箱：</th>
						<td><input name="EMAIL" type="text"/></td>
					</tr>
					<tr>
						<th>登录名：</th>
						<td><input name="LOGIN_NAME" type="text" value=""/></td>
						<th>用户名：</th>
						<td><input name="REAL_NAME" type="text" value=""/></td>
					</tr>
					<tr>
						<th>密码：</th>
						<td><input name="PASSWORD" type="text" value=""/></td>
						<th>邮箱：</th>
						<td><input name="EMAIL" type="text"/></td>
					</tr>
					<tr>
						<th>登录名：</th>
						<td><input name="LOGIN_NAME" type="text" value=""/></td>
						<th>用户名：</th>
						<td><input name="REAL_NAME" type="text" value=""/></td>
					</tr>
					<tr>
						<th>密码：</th>
						<td><input name="PASSWORD" type="text" value=""/></td>
						<th>邮箱：</th>
						<td><input name="EMAIL" type="text"/></td>
					</tr>
				</table>
				<div class='dialog-button' style='text-align:center;'>
					<a href='#' onclick='sp_submit_query(this)' class='easyui-linkbutton' data-options="iconCls:'icon-search'">查询</a>
					<a href='#' onclick='sp_reset_query(this)' class='easyui-linkbutton' data-options="iconCls:'icon-reload'">重置</a>
				</div>
        	</div>
        </div>  
        <div data-options="region:'center',border:false">  
	<table id='sp_grid' class='easyui-datagrid' style='height:350px;' 
 toolbar='#sp_buttons' 
 rownumbers='true'  pagination='true' fit='true'><thead><tr>

		<th field='ck' checkbox=true></th>
    	<th  field='STATUS' >xxx</th>
    	<th  field='LOGIN_NAME' >登录名</th>
    	<th  field='PASSWORD' >密码</th>
    	<th  field='REAL_NAME' >用户名称</th>
    	<th  field='EMAIL' >电子邮箱</th>
    	<th  field='CREATE_TIME'  align='center'  formatter='fmt_sp_grid_CREATE_TIME' >创建时间</th>
    	<th  field='x'  formatter='fmt_sp_grid_x' >操作</th>
	</tr></thead></table>

        </div>  
    </div>  
</body>
</html>